<template>
  <div class="Operationlog">
    <el-card>
      <div class="one">
        <div class="search">
          <el-select style="width: 100px" v-model="user" placeholder="">
            <el-option label="账号" value="1"> </el-option>
            <el-option label="使用者" value="2"> </el-option>
          </el-select>
          <el-input
            style="width: 200px"
            v-model="input"
            placeholder="请输入内容"
          ></el-input>
        </div>
        <el-button>搜索</el-button>
      </div>
      <el-table :data="tableData" v-loading="loading" style="width: 100%">
        <el-table-column prop="" label="日志ID"> </el-table-column>
        <el-table-column prop="" label="账号"> </el-table-column>
        <el-table-column prop="" label="使用者"> </el-table-column>
        <el-table-column prop="" label="账号ID"> </el-table-column>
        <el-table-column prop="" label="IP"> </el-table-column>
        <el-table-column prop="" label="时间"> </el-table-column>
        <el-table-column prop="" label="操作模块"> </el-table-column>
        <el-table-column prop="" label="内容日志"> </el-table-column>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        :page.sync="page"
        :limit.sync="pageSize"
        @pagination="getList"
      />
    </el-card>
  </div>
</template>

<script>
import Pagination from "@/components/Pagination"; // 分页
export default {
  components: { Pagination },
  data() {
    return {
      user: "1", //下拉框
      input: "",
      tableData: [],
      loading: false,
      total: 0,
      page: 1, //页码
      pageSize: 10, //每页条数
    };
  },
};
</script>

<style lang="less" scoped>
.Operationlog {
  margin: 30px;
  height: 100%;
  .one {
    display: flex;
    margin-bottom: 20px;

    .search {
      display: flex;
      margin-right: 30px;
    }
  }
}
</style>